<template>
  <div class="bar">
    <el-breadcrumb separator-class="el-icon-arrow-right">
      <el-breadcrumb-item :to="{ path: '/home' }">首页</el-breadcrumb-item>
      <el-breadcrumb-item>{{list}}</el-breadcrumb-item>
      <el-breadcrumb-item>{{details}}</el-breadcrumb-item>
    </el-breadcrumb>
  </div>
</template>

<script>
// list 面包屑第一个参数
// details 面包屑第二个参数
export default {
  name: '',
  props: {
    list: {
      type: String,
      default: '用户管理'
    },
    details: {
      type: String,
      default: '用户列表'
    }
  }
}
</script>

<style scoped lang='less'>
.el-breadcrumb {
  font-size: 12px;
}
.bar {
  font-size: 12px;
  margin-bottom: 15px;
}
</style>
